<!doctype html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

	<header th:fragment="main" class="navbar navbar-fixed-top bg-primary">
		<div class="navbar-branding dark bg-primary">
			<a class="navbar-brand" href="dashboard.html"><b>管理</b>中心
			</a> <span id="toggle_sidemenu_l" class="ad ad-lines"></span>
		</div>
		<ul class="nav navbar-nav navbar-left">
			<li>
				<a class="sidebar-menu-toggle" href="javascript:;"> <span class="ad ad-ruby fs18"></span>
				</a>
			</li>
			<li>
				<a class="topbar-menu-toggle" href="javascript:;"> <span class="ad ad-wand fs16"></span>
				</a>
			</li>
			<li class="hidden-xs">
				<a class="request-fullscreen toggle-active" href="javascript:;"> <span class="ad ad-screen-full fs18"></span>
				</a>
			</li>
		</ul>
		<form class="navbar-form navbar-left navbar-search" role="search">
			<div class="form-group">
				<input type="text" class="form-control" placeholder="请输入关键字" value="">
			</div>
		</form>

		<ul class="nav navbar-nav navbar-right">
			<li class="dropdown">
				<a class="dropdown-toggle" data-toggle="dropdown" href="dashboard.html#"> <span class="ad ad-radio-tower fs18"></span>
				</a>
				<ul class="dropdown-menu media-list w350 animated animated-shorter fadeIn" role="menu">
					<li class="dropdown-header">
						<span class="dropdown-title"> Notifications</span> <span class="label label-warning">12</span>
					</li>
					<li class="media">
						<a class="media-left" href="dashboard.html#"> <img src="assets/img/avatars/5.jpg" class="mw40" alt="avatar">
						</a>
						<div class="media-body">
							<h5 class="media-heading">
								Article <small class="text-muted">- 08/16/22</small>
							</h5>
							Last Updated 36 days ago by <a class="text-system" href="dashboard.html#"> Max </a>
						</div>
					</li>
					<li class="media">
						<a class="media-left" href="dashboard.html#"> <img src="assets/img/avatars/2.jpg" class="mw40" alt="avatar">
						</a>
						<div class="media-body">
							<h5 class="media-heading mv5">
								Article <small> - 08/16/22</small>
							</h5>
							Last Updated 36 days ago by <a class="text-system" href="dashboard.html#"> Max </a>
						</div>
					</li>
					<li class="media">
						<a class="media-left" href="dashboard.html#"> <img src="assets/img/avatars/3.jpg" class="mw40" alt="avatar">
						</a>
						<div class="media-body">
							<h5 class="media-heading">
								Article <small class="text-muted">- 08/16/22</small>
							</h5>
							Last Updated 36 days ago by <a class="text-system" href="dashboard.html#"> Max </a>
						</div>
					</li>
					<li class="media">
						<a class="media-left" href="dashboard.html#"> <img src="assets/img/avatars/4.jpg" class="mw40" alt="avatar">
						</a>
						<div class="media-body">
							<h5 class="media-heading mv5">
								Article <small class="text-muted">- 08/16/22</small>
							</h5>
							Last Updated 36 days ago by <a class="text-system" href="dashboard.html#"> Max </a>
						</div>
					</li>
				</ul>
			</li>
			<li class="menu-divider hidden-xs">
				<i class="fa fa-circle"></i>
			</li>
			<li class="dropdown">
				<a href="javascript:;" class="dropdown-toggle fw600 p15" data-toggle="dropdown"> <img
					th:src="@{/bootstrap/assets/img/avatars/1.jpg}" alt="avatar" class="mw30 br64 mr15" th:text="${currentUser.name}"><span
					class="caret caret-tp hidden-xs"></span>
				</a>
				<ul class="dropdown-menu list-group dropdown-persist w250" role="menu">
					<li class="dropdown-header clearfix">
						<div class="pull-left ml10">
							<select id="user-status">
								<optgroup label="当前状态：">
									<option value="1-1">离开</option>
									<option value="1-2">离线</option>
									<option value="1-3" selected="selected">在线</option>
								</optgroup>
							</select>
						</div>

						<div class="pull-right mr10">
							<select id="user-role">
								<optgroup label="角色：">
									<option value="1-1">客户</option>
									<option value="1-2">文员</option>
									<option value="1-3" selected="selected">管理员</option>
								</optgroup>
							</select>
						</div>

					</li>
					<li class="list-group-item">
						<a href="javascript:;" class="animated animated-short fadeInUp"> <span class="fa fa-envelope"></span> 消息 <span
							class="label label-warning">2</span>
						</a>
					</li>
					<li class="list-group-item">
						<a href="javascript:;" class="animated animated-short fadeInUp"> <span class="fa fa-user"></span> 好友 <span
							class="label label-warning">6</span>
						</a>
					</li>
					<li class="list-group-item">
						<a href="javascript:;" class="animated animated-short fadeInUp"> <span class="fa fa-gear"></span> 账号设置
						</a>
					</li>
					<li class="list-group-item">
						<a href="javascript:;" class="animated animated-short fadeInUp"> <span class="fa fa-power-off"></span> 退出
						</a>
					</li>
				</ul>
			</li>
		</ul>

	</header>



</body>
</html>